<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/作业.css">
</head>

<body>
    <header>
        <p>X</p>
        <img src="./img/2.png" alt="">
        <!-- 中间盒子 -->
        <div class="zhong">
            <p>打开京东APP，购物更轻松</p>
        </div>
        <!-- 右边盒子 -->
        <div class="you">
            <p>立即打开</p>
        </div>
    </header>
    <div class="z">
        <span>三</span>
        <div class="zhong">
            <span>JD</span>
            <p>电动滑板车</p>
            <a href="">登录</a>
        </div>
        </div>
    <nav>
        <!-- 轮播图 -->
        <div class="gundong">
            <img src="./img/lunbo6.jpg" alt="">
            <img src="./img/lunbo6.jpg" alt="">
            <img src="./img/lunbo6.jpg" alt="">
        </div>
    </nav>
    <section>
        <div>
            <img src="./img/GZ8C$94E@~X0JS]DC3ILS_7.png" alt="">
            <span><a href="">京东超市</a></span>
        </div>
        <div>
            <img src="./img/GZ8C$94E@~X0JS]DC3ILS_7.png" alt="">
            <span><a href="">京东超市</a></span>
        </div>
        <div>
            <img src="./img/GZ8C$94E@~X0JS]DC3ILS_7.png" alt="">
            <span><a href="">京东超市</a></span>
        </div>
        <div>
            <img src="./img/GZ8C$94E@~X0JS]DC3ILS_7.png" alt="">
            <span><a href="">京东超市</a></span>
        </div>
        <div>
            <img src="./img/GZ8C$94E@~X0JS]DC3ILS_7.png" alt="">
            <span><a href="">京东超市</a></span>
        </div>
        <div>
            <img src="./img/GZ8C$94E@~X0JS]DC3ILS_7.png" alt="">
            <span><a href="">京东超市</a></span>
        </div>
        <div>
            <img src="./img/GZ8C$94E@~X0JS]DC3ILS_7.png" alt="">
            <span><a href="">京东超市</a></span>
        </div>
        <div>
            <img src="./img/GZ8C$94E@~X0JS]DC3ILS_7.png" alt="">
            <span><a href="">京东超市</a></span>
        </div>
        <div>
            <img src="./img/GZ8C$94E@~X0JS]DC3ILS_7.png" alt="">
            <span><a href="">京东超市</a></span>
        </div>
        <div>
            <img src="./img/GZ8C$94E@~X0JS]DC3ILS_7.png" alt="">
            <span><a href="">京东超市</a></span>
        </div>
    </section>
    <article>
        <img src="./images2/bj1.png" alt="">
        <div>
            <span>京东秒杀</span>
            <span>8点</span>
            <span>00:00</span>
            <span class="ms">更多秒杀<img src="./images2/right.png" alt=""></span>
        </div>
        <!-- 秒杀物品 -->
        
    </article>
    <div class="mswp">
        <div>
            <img src="./images2/sp2.png" alt="">
            <span>￥25.6</span>
        </div>
        <div>
            <img src="./images2/sp2.png" alt="">
            <span>￥25.6</span>
        </div>
        <div>
            <img src="./images2/sp2.png" alt="">
            <span>￥25.6</span>
        </div>
        <div>
            <img src="./images2/sp2.png" alt="">
            <span>￥25.6</span>
        </div>
        <div>
            <img src="./images2/sp2.png" alt="">
            <span>￥25.6</span>
        </div>
        
    </div>
    <!-- 购物列表 -->
    <div class="gw">
        <div class="gw1">
            <img src="./images2/sp3.jpg" alt="">
            <p><span>京东超市</span>瑶妹泡脚桶木桶洗脚盆足浴盆家用...</p>
            <span>￥178</span>
            
        </div>
        <div class="gw1">
            <img src="./images2/sp3.jpg" alt="">
            <p><span>京东超市</span>瑶妹泡脚桶木桶洗脚盆足浴盆家用...</p>
            <span>￥178</span>
            
        </div>
    </div>
    <footer>
        <img src="./images2/sy1.png" alt="">
        <img src="./images2/sy2.png" alt="">
        <img src="./images2/sy3.png" alt="">
        <img src="./images2/sy4.png" alt="">
        <img src="./images2/sy5.png" alt="">
    </footer>
</body>

</html>